<!--
 * @Author: ryo
 * @Date: 2021-11-25 10:20:16
 * @LastEditors: ryo
 * @LastEditTime: 2021-11-30 17:03:52
 * @Company: 大成国测
 * @Description: 公司介绍组件
 * @FilePath: \site\src\views\company\components\Introduction.vue
-->
<template>
  <v-container fluid class="mb-15 mt-10 box companyIntroduction">
    <v-row justify="center">
      <v-col cols="12" md="6">
        <div class="box_title">
          <div class="h2">公司介绍</div>
          <div class="caption">News</div>
        </div>
      </v-col>
      <v-col cols="12" md="6" class="text-right">
        <v-btn
          :depressed="true"
          :color="tab.color"
          v-for="(tab, idx) in tabsModel.list"
          :key="tab.id"
          dark
          rounded
          :outlined="idx !== 0"
          width="118"
          height="34"
          :href="tab.link"
          class="ml-4 border_more"
          exact-active-class="none"
        >
          {{ tab.text }}
        </v-btn>
      </v-col>
    </v-row>
    <v-row justify="center" gutter="20">
      <v-col md="6" cols="12">
        <v-img
          src="/images/company/01.jpg"
          width="580"
          height="435"
          class="mx-auto"
        ></v-img>
      </v-col>
      <v-col md="6" cols="12" class="text_justify" style="text-indent: 2rem">
        <p>
          <span class="red--text">北京大成国测科技有限公司，</span
          >成立于2010年，是由清华大学水木基金、北京清华工业开发研究院等10家单位和自然投资人组建的物联网智能高科技企业，国家级高新技术企业，北京市纳税A级企业，北京市软件企业，清华科技园“钻石计划”入围企业，中关村高新技术企业。
        </p>
        <p>
          公司是从事物联网智能安全监测设备、智能识别安全监测设备和软件的研发、生产、销售与服务的专业化企业。公司为高速铁路基础设施建设期和运营期提供专业的连续的物联网安全监测系统解决方案。
        </p>
        <p>
          公司产品已在数百个铁路相关安全监测工程项目中成功应用，布设近10万测点，深得客户好评。公司产品率先应用于世界上试验速度最高的高铁“京沪高铁”，世界上第一条穿越高寒地区的高铁“哈大高铁”，中国第一条重载货运铁路“浩吉铁路”，中国第一条智能高铁“京张高铁”，“一带一路”重点工程“玉磨铁路”（泛亚铁路中国部分）等重大工程项目。
        </p>
        <p>
          公司始终坚持“开放式创新”策略，专注于高铁安全监测领域，构建智能设备、物联网、大数据、人工智能的核心技术体系和产品体系。公司拥有高速铁路基础设施安全监测市场70%份额，已成为中国高速铁路基础设施安全监测行业的领导者。
        </p>
      </v-col>
    </v-row>
    <v-row
      align="center"
      justify="space-around"
      class="mt-10"
      v-if="isMoreVisible"
    >
      <v-btn
        :depressed="true"
        rounded
        outlined
        to="/company"
        class="grey--text text--darken-1 border_more"
        width="200"
        height="44"
      >
        查看更多
        <v-icon right>mdi-plus</v-icon>
      </v-btn>
    </v-row>
  </v-container>
</template>

<script>
// 常量
import constant from '@/const/';

export default {
  name: 'CompanyIntroduction',
  props: {
    isMoreVisible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      tabsModel: {
        list: constant.company.companyTabs,
        value: ''
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.companyIntroduction {
  ::v-deep {
    .v-btn::before {
      background-color: red;
    }
  }
}
</style>
